/*
 *= require application
 *= require home
 *= require users
 *= require pages
 *= require notes
 *= require search
 *= require cal-heatmap
 *= require polls
 *= require_self
 */

@import "vars";

#site_nodes .site {
  margin-bottom: 10px;
  a { color: #777; }
}

.sidebar {
  .panel-body {
    word-break: break-all;
  }
}
.sidebar.col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
  }


.api-doc {
  .route-list {
    padding: 20px 0;
    border-right: 2px dashed #ddd;
    li {
      line-height: 200%;  color:#999;
      a:link,
      a:visited { color: #404040 !important; text-decoration: underline !important; }
    }

  }
  .route {
    margin-top: 15px;
    h5 {
      color: #333;
      border-bottom: 1px solid $gray;
      margin: 0; margin-bottom: 10px;
      padding: 5px 0 0 0;
      label {
        font-size: 12px;
        font-weight: normal; display: inline-block; width: 50px; color: $blackLight;
      }
    }
    .content { margin: 0 15px; }
    .desc {
      h4 { border: 0px; font-size: 13px !important; margin:0; color: #999; }
    }
    h6 { color: #999; }
    table.params {
      td.field { width: 80px; }
      td.type { width: 70px; }
      td.required { width: 50px; }
      td.values { width: 180px; }
      td.default { width: 100px; }

    }
  }
  .bs-searchbox .form-control {
    float: none;
  }
}

.notify-updated {
  display: none;
  padding: 4px 15px;
  margin-bottom: 20px;
  text-align: left;
  background: #FDF8A6; border:1px solid #F5E3A4; color: $redLabelText;
  a:link,
  a:visited { color: $yellowText; }
}

.emoji-modal {
  .modal-dialog {
    max-width: 496px;
    .close { margin-top: 0px; }
  }
  .modal-header { border: 0px; padding: 8px; }
  .modal-body { padding: 0 8px 8px 8px; }
  .twemoji { width: 20px; height: 20px; }

  .nav > li > a {
    padding: 5px 8px;
  }

  .nav-tabs li:first-child { margin-left: 8px; }

  .tab-pane {
    padding: 0px;
    height: 180px;
    overflow: scroll;
    a {
      padding: 5px;
      display: inline-block; width: 30px; height: 30px;
      &:hover { background: #f0f0f0; }
    }
  }
  .modal-footer {
    padding: 8px;
    text-align: left;
    font-size: 16px;
    .emoji { width: 48px; height: 48px; margin-right: 10px; }
  }
}

#node-selector {
  .panel {
    box-shadow: 0 0 0;
    padding: 0;
    margin: 0;
  }
  .panel-heading {
    display: none;
  }
  .panel-body {
    padding: 0 20px;
    margin: 0;
  }
}
